<template>
<!-- 精品分类 -->
  <div class="sift">
    <div class="sift-a">
      <img src="../assets/Sift/1.jpg" alt="">
    </div>
    <div class="sift-c">
      <ul>
        <li><img src="../assets/Sift/4.jpg" alt=""></li>
        <li><img src="../assets/Sift/3.jpg" alt=""></li>
        <li><img src="../assets/Sift/2.jpg" alt=""></li>
      </ul>
    </div>
  </div>
</template>

<script>
export default {
  name: "Sift",
  data: function() {
    return {

    };
  }
};
</script>

<style lang="scss" scoped>
.sift{
  width: 100%;
  height: 227px;
  // background-color: blue;
}
.sift-a{
  width:365px ;
  height: 35px;
margin: 0 auto;
}
.sift-a img{
  width: 100%;
}

.sift-c{
  width: 100%;
  height: 177px;
  // background-color: pink;
  margin-top: 10px;
}
.sift-c ul{
  width: 100%;
  height: 197px;
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
}
.sift-c li{
  width:200px ;
  height: 163px;
}
.sift-c li img{
  width: 134px;
  height: 163px;
  margin-left: 10px;
}
</style>